html,body {
	overflow: hidden;
}

span {
	font-size: 2.1em;
	display: inline-block;
	text-shadow: 0 0 0 whitesmoke;
	-webkit-animation: smoky 5s 0s both;
	animation: smoky 5s 0s both;
}

.text {
	position: absolute;
	top: 40%;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	text-align: center;
	color: transparent;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

span:nth-child(even) {
	-webkit-animation-name: smoky-mirror;
	animation-name: smoky-mirror;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;

}

@-webkit-keyframes smoky {
	60% {
		text-shadow: 0 0 40px whitesmoke;
	}

	to {
		-webkit-transform: translate3d(15rem, -8rem, 0) rotate(-40deg) skewX(70deg) scale(1.5);
		transform: translate3d(15rem, -8rem, 0) rotate(-40deg) skewX(70deg) scale(1.5);
		text-shadow: 0 0 20px whitesmoke;
		opacity: 0;
	}
}

@keyframes smoky {
	60% {
		text-shadow: 0 0 40px whitesmoke;
	}

	to {
		-webkit-transform: translate3d(15rem, -8rem, 0) rotate(-40deg) skewX(70deg) scale(1.5);
		transform: translate3d(15rem, -8rem, 0) rotate(-40deg) skewX(70deg) scale(1.5);
		text-shadow: 0 0 20px whitesmoke;
		opacity: 0;
	}
}

@-webkit-keyframes smoky-mirror {
	60% {
		text-shadow: 0 0 40px whitesmoke;
	}
	to {
		-webkit-transform: translate3d(18rem, -8rem, 0) rotate(-40deg) skewX(-70deg) scale(2);
		transform: translate3d(18rem, -8rem, 0) rotate(-40deg) skewX(-70deg) scale(2);
		text-shadow: 0 0 20px whitesmoke;
		opacity: 0;
	}
}

@keyframes smoky-mirror {
	60% {
		text-shadow: 0 0 40px whitesmoke;
	}

	to {
		-webkit-transform: translate3d(18rem, -8rem, 0) rotate(-40deg) skewX(-70deg) scale(2);
		transform: translate3d(18rem, -8rem, 0) rotate(-40deg) skewX(-70deg) scale(2);
		text-shadow: 0 0 20px whitesmoke;
		opacity: 0;
	}
}

span:nth-of-type(1) {
	-webkit-animation-delay: 0.1s;
	animation-delay: 0.1s;
}

span:nth-of-type(2) {
	-webkit-animation-delay: 0.2s;
	animation-delay: 0.2s;
}

span:nth-of-type(3) {
	-webkit-animation-delay: 0.3s;
	animation-delay: 0.3s;
}

span:nth-of-type(4) {
	-webkit-animation-delay: 0.4s;
	animation-delay: 0.4s;
}

span:nth-of-type(5) {
	-webkit-animation-delay: 0.5s;
	animation-delay: 0.5s;
}

span:nth-of-type(6) {
	-webkit-animation-delay: 0.6s;
	animation-delay: 0.6s;
}

span:nth-of-type(7) {
	-webkit-animation-delay: 0.7s;
	animation-delay: 0.7s;
}

span:nth-of-type(8) {
	-webkit-animation-delay: 0.8s;
	animation-delay: 0.8s;
}

span:nth-of-type(9) {
	-webkit-animation-delay: 0.9s;
	animation-delay: 0.9s;
}

span:nth-of-type(10) {
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
}
